div.error {
    text-align: center;
    position:relative;
    width:50%;
    padding-left: 10px;
    line-height:30px;
    text-align: left;
    font-size: small;
    border: 1px solid #000000;
    background-color: #000000;
    border-radius:5px;
    z-index: 1;
    top: 10px;
   /* color: #ff0000;*/
    color:#fff;
    font-weight: bold;
    background-position:0 -31px;
}

div.error:before
{
    content: ' ';
    position: absolute;
    width: 0;
    height:0;
    left: 25px;
    top: -16px;
    border: 8px solid ;
    border-color: transparent transparent/* #f39a0d */ #000000 transparent;
}
div.error:after
{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 26px;
    top: -13px;
    border: 7px solid;
    border-color: transparent transparent  /*#FFFFFF*/ #000000 transparent;
}

.right{
    color: green;
}
.wrong{
    color: red;
}
/*input 输入框的高亮*/
input.error{
    outline:none;
    resize:none;
    -webkit-box-shadow:0 0 5px #ff0504;
}
 /*搜索框的高亮*/
select.error{
    outline:none;
    resize:none;
    -webkit-box-shadow:0 0 5px #ff0504;
}
